import { FC, useEffect, useState } from "react";
import "./css/file.css"
import MyFile from "../../../components/myFile/myFile"
import PageClassify from "../../../components/pageClassify/pageClassify"
import axios from "axios";
const File: FC = () => {
    const [data, setData] = useState({})
    const [arr,setArr]=useState()
    useEffect(() => {
        axios.get("/api/article/archives").then((res)=>{
            setData(res.data.data)
        })
    },[])
    
    return (
        <div className="container">
            <div className="fileLeft">
                <div className="fileLeftTop">
                    <p><span>归档</span></p>
                    <p>共计<span>37</span>篇</p>
                </div>
                <div className="fileLeftBottom" >
                    <MyFile data={data} />
                    
                </div>
            </div>
            <div className="fileRigth">
                <PageClassify />
            </div>
        </div>
    )
}
export default File